<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>第一个three.js文件_WebGL三维场景</title>
    <style>
        body {
            margin: 0;
            overflow: hidden;
            /* 隐藏body窗口区域滚动条 */
        }
    </style>
    <!--引入three.js三维引擎-->
    <script src="http://www.yanhuangxueyuan.com/versions/threejsR92/build/three.js"></script>
    <!-- <script src="./three.js"></script> -->
    <!-- <script src="http://www.yanhuangxueyuan.com/threejs/build/three.js"></script> -->
</head>

<body>
  <script>
      const option={
    series:[
        {
            name: '访问来源',
            type: 'pie',
            hoverAnimation: false,
            color: ['#52D6FFFF', '#AAEC78FF', '#3699FFFF'],
            center: ['30%', '50%'],
            radius: ['50%', '70%'],
            avoidLabelOverlap: false,
            label: {
                normal: {
                show: false,
                    position: 'center',
                },
            },
            labelLine: {
                normal: {
                    show: false,
                },
            },
            data:[],
        },
        {
            name: 'decorationOne',
            type: 'pie',
            color: ['#52D6FF'],
            center: ['30%', '50%'],
            radius: ['42%', '40%'],
            hoverAnimation: false,
            lable: {
                normal: {
                    show: false,
                },
                emphasis: {
                    show: false,
                },
            },
            labelLine: {
                normal: {
                  show: false,
                },
            },
            data: [
                { value: 335, name: '' },
            ],
        },
        {
            name: 'decorationTwo',
            type: 'pie',
            color: ['#52D6FF', 'rgba(255,255,255,0)'],
            center: ['30%', '50%'],
            radius: ['47%', '45%'],
            hoverAnimation: false,
            lable: {
                normal: {
                    show: false,
                },
                emphasis: {
                    show: false,
                },
            },
            labelLine: {
                normal: {
                    show: false,
                },
            },
            data: new Array(41).fill(10).map(() => {
                return {
                    name: '',
                    value: 20,
                };
            }),
        },
    ],
}

  </script>
</body>

</html>